﻿<!DOCTYPE html>
<html lang="en">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<!--<![endif]-->

<head>
<!-- Basic Page Needs -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="AppLora App Landing Page">
<meta name="author" content="Alaa Ahmed">

<!-- Page Title -->
<title>Home</title>

<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--
		Google Font
		================================================== -->

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">

<!--
		CSS Files
		================================================== -->

<!-- Plugins -->
<link rel="stylesheet" href="css/plugins.css">
<!-- Main Style -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/colors/theme-color.css" class="color-scheme">

<!-- Modernizer Script for old Browsers -->
<script src='js/modernizr-2.6.2.min.js'></script>
</head>

<body>

<header id="home" class="home bg-image">
	<div class="overlay">

		<!-- Start Navigation Bar -->

		<nav class="navbar navbar-default nav-sec navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#" title="AppLora"><img src="img/logo-white.png" alt="Applora Logo"></a>
				</div>
				<!-- / navbar-header -->
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="active"><a href="#home"><span>Home</span></a></li>
						<li><a href="#about"><span>Features</span></a></li>
						<li><a href="#screenshots"><span>Screenshot</span></a></li>
						<li><a href="#testimonials02"><span>Testimonials</span></a></li>
						<li><a href="#pricing-table"><span>Pricing</span></a></li>
						<li><a href="#contact-us"><span>Contact</span></a></li>
					</ul>
				</div>
				<!-- end nav-collapse -->
			</div>
			<!-- end container -->
		</nav>

		<!-- End Navigation Bar -->

		<div class="container">
			<div class="row">
				<!-- Start Text Header -->
				<div class="col-md-7 col-sm-6">
					<div class="header-inner">
						<div class="header-content">
							<h1 class="home-title word word--magneto wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">AppLora</h1>
							<h4 class="wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">Landing Page is the best way to present your beautiful mobile app, AppLora is an App landing page created to make your App looks outstanding between the crowd.</h4>
							<div class="bttn-head">
								<a href="#video-app" class="bttn-applora-gradient wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
									<i class="icon-control-play"></i>
									<span>Demo Video</span>
								</a>
								<a href="#contact-us" class="bttn-applora-gradient wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
									<i class="icon-call-out"></i>
									<span>Contact Us</span>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- End Text Header -->
				<!-- Start Photo Here -->
				<div class="col-md-5 col-sm-6">
					<div class="photo-header">
						<img src="img/phone-header.png" alt="Applora Screen" class="img-responsive wow fadeInRight" data-wow-delay="0.2s" data-wow-duration="1s">
					</div>
				</div>
				<!-- End Photo Here -->
			</div>
		</div>
		<!-- End Container -->
	</div>
	<!-- End Overlay -->
</header>
<!-- End Header -->

<!--
	End Header
	==================================== -->
<!--
	Start About Section
	==================================== -->

<section id="about" class="about">
	<div class="container">
		<div class="row">
			<div class="mobile-features">
				<!-- Start Mobile Slider -->
				<div class="col-md-4">
					<div class="features-slider owl-carousel owl-theme wow fadeInLeft" data-wow-duration="1s">
						<div class="item">
							<div class="single-feat-img">
								<img src="img/about/slider03.jpg" alt="Applora" class="img-responsive">
							</div>
						</div>
						<div class="item">
							<div class="single-feat-img">
								<img src="img/about/slider02.jpg" alt="Applora" class="img-responsive">
							</div>
						</div>
						<div class="item">
							<div class="single-feat-img">
								<img src="img/about/slider01.jpg" alt="Applora" class="img-responsive">
							</div>
						</div>
						<div class="item">
							<div class="single-feat-img">
								<img src="img/about/slider03.jpg" alt="Applora" class="img-responsive">
							</div>
						</div>
						<div class="item">
							<div class="single-feat-img">
								<img src="img/about/slider01.jpg" alt="Applora" class="img-responsive">
							</div>
						</div>
					</div>
				</div>
				<!-- End Mobile Slider -->
				<!-- Start Mobile Slider Content -->
				<div class="col-md-8">
					<!-- Start Slider Links -->
					<ul class="nav nav-pills nav-stacked">
						<li class="active-icon" data-owl-item="0"><a href="#tab_a" data-toggle="pill"><i class="fa fa-commenting-o"></i></a></li>
						<li data-owl-item="1"><a href="#tab_b" data-toggle="pill"><i class="fa fa-bell-o"></i></a></li>
						<li data-owl-item="2"><a href="#tab_c" data-toggle="pill"><i class="fa fa-filter"></i></a></li>
						<li data-owl-item="3"><a href="#tab_d" data-toggle="pill"><i class="fa fa-sliders"></i></a></li>
						<li data-owl-item="4"><a href="#tab_e" data-toggle="pill"><i class="fa fa-rocket"></i></a></li>
					</ul>
					<!-- End Slider Links -->
					<div class="tab-content">
						<!-- Start Single One -->
						<div class="tab-pane active" id="tab_a" data-owl-item="0">
							<h4>1-to-1 Chat</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat quisquam dolor, ratione tempore, blanditiis iure non. Reprehenderit libero debitis quasi, odit, aliquid provident. Corrupti dolorum beatae asperiores, iure similique optio?</p>
						</div>
						<!-- End Single One -->
						<!-- Start Single One -->
						<div class="tab-pane" id="tab_b" data-owl-item="1">
							<h4>Push Notifications</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, perspiciatis, deleniti! Ea tenetur eum quae commodi, dicta pariatur enim nisi autem repudiandae obcaecati necessitatibus dolorum reiciendis.</p>
						</div>
						<!-- End Single One -->
						<!-- Start Single One -->
						<div class="tab-pane" id="tab_c" data-owl-item="2">
							<h4>Filtering & Anti-Spam</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum nulla voluptates nihil sapiente, quae voluptatum, sed architecto iure recusandae consequuntur ipsa! Repellat et qui recusandae deserunt, aliquid veritatis illum voluptate.</p>
						</div>
						<!-- End Single One -->
						<!-- Start Single One -->
						<div class="tab-pane" id="tab_d" data-owl-item="3">
							<h4>Chat Analytics</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur placeat distinctio veritatis voluptate nihil error voluptatum omnis totam, reiciendis quam porro labore ipsum ut deleniti, sit in quo eaque consectetur!</p>
						</div>
						<!-- End Single One -->
						<!-- Start Single One -->
						<div class="tab-pane" id="tab_e" data-owl-item="4">
							<h4><span>Applora App</span> Fast Loading</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam doloremque omnis, reiciendis ducimus. Possimus hic et repellendus. Aut quae error laborum, ipsa a eius voluptates iste magnam, ratione qui sed!</p>
						</div>
						<!-- End Single One -->
						<!-- Start Single One -->
					</div>
					<!-- End tab content -->
				</div>
				<!-- End Mobile Slider Content -->
			</div>
			<!-- End mobile-features -->
		</div>
		<!-- End row -->
	</div>
	<!-- End Container -->
</section>
<!-- End About -->

<!--
	End About Section
	==================================== -->

<!--
	Start Features Section
	==================================== -->

<section id="features" class="features">
	<div class="container">
		<div class="all-features">
			<div class="row">

				<!-- Start Left Features -->
				<div class="col-md-4 feat-width">
					<div class="feat-left wow fadeInRight" data-wow-duration="1s">
						<!-- Start Single Item -->
						<div class="single-feat first-feat">
							<div class="icon-place">
								<i class="icon-bubbles"></i>
							</div>
							<div class="feat-text">
								<h4>Start Conversation</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quis necessitatibus velit asperiores dignissimos esse.</p>
							</div>
						</div>
						<!-- End Single Item -->
						<!-- Start Single Item -->
						<div class="single-feat">
							<div class="icon-place">
								<i class="icon-call-out"></i>
							</div>
							<div class="feat-text">
								<h4>Make a free call</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quis necessitatibus velit asperiores dignissimos esse.</p>
							</div>
						</div>
						<!-- End Single Item -->
					</div>
				</div>
				<!-- End Left Features -->

				<!-- Start Center Features [Photo] -->
				<div class="col-md-4 feat-width">
					<div class="feat-center">
						<img src="img/feat.png" alt="Applora" class="img-responsive">
					</div>
				</div>
				<!-- End Center Features [Photo] -->

				<!-- Start Right Features -->
				<div class="col-md-4 feat-width">
					<div class="feat-right wow fadeInLeft" data-wow-duration="1s">
						<!-- Start Single Item -->
						<div class="single-feat first-feat">
							<div class="icon-place">
								<i class="icon-camera"></i>
							</div>
							<div class="feat-text">
								<h4>Take a picture</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quis necessitatibus velit asperiores dignissimos esse.</p>
							</div>
						</div>
						<!-- End Single Item -->
						<!-- Start Single Item -->
						<div class="single-feat">
							<div class="icon-place">
								<i class="icon-camrecorder"></i>
							</div>
							<div class="feat-text">
								<h4>Send your video</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quis necessitatibus velit asperiores dignissimos esse.</p>
							</div>
						</div>
						<!-- End Single Item -->

					</div>
				</div>
				<!-- End Right Features -->

			</div>
			<!-- End row -->
		</div>
		<!-- End all-features -->
	</div>
	<!-- End Container -->
</section>
<!-- End features -->

<!--
	End Features Section
	==================================== -->

<!--
	Start Random Features
	==================================== -->

<section id="feat-one" class="feat-one">
	<div class="container">
		<!-- Start Single One -->
		<div class="row">
			<!-- Start Photo -->
			<div class="col-md-6 col-md-push-6 wow fadeInRight" data-wow-duration="1s">
				<div class="feat-one-img">
					<img src="img/about/random-right-post.png" alt="Applora" class="img-responsive">
				</div>
			</div>
			<!-- End Photo -->
			<!-- Start Text -->
			<div class="col-md-6 col-md-pull-6 wow fadeInLeft" data-wow-duration="1s">
				<div class="feat-one-text">
					<h2>Start Private Conversation</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque praesentium harum iure eos. Quas sequi repudiandae nostrum, saepe excepturi maiores, modi.</p>
					<div class="feat-butt">
						<a href="#" class="bttn-applora-gradient">
							<span>Read More</span>
						</a>
					</div>
				</div>
			</div>
			<!-- End Text -->
		</div>
		<!-- end row -->
		<!-- End Single One -->
		<!-- Start Single One -->
		<div class="row">
			<!-- Start Photo -->
			<div class="col-md-6 wow fadeInLeft" data-wow-duration="1s">
				<div class="feat-two-img">
					<img src="img/about/random-left-post.png" alt="Applora" class="img-responsive">
				</div>
			</div>
			<!-- End Photo -->
			<!-- Start Text -->
			<div class="col-md-6 wow fadeInRight" data-wow-duration="1s">
				<div class="feat-two-text">
					<h2>Start Private Conversation</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque praesentium harum iure eos. Quas sequi repudiandae nostrum, saepe excepturi maiores, modi.</p>
					<div class="feat-butt">
						<a href="#" class="bttn-applora-gradient">
							<span>Read More</span>
						</a>
					</div>
				</div>
			</div>
			<!-- End Text -->
		</div>
		<!-- end row -->
		<!-- End Single One -->
	</div>
	<!-- end container -->
</section>
<!-- End feat-one -->

<!--
	End Random Features
	==================================== -->

<!--
	Start Download Section
	==================================== -->

<section id="download" class="download">
	<div class="overlay">
		<div class="container">
			<!-- Start Section Title -->
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
						<h2>Built for everyone</h2>
						<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
					</div>
				</div>
			</div>
			<!-- End Section Title -->
			<div class="download-content">
				<div class="text-download wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui optio mollitia blanditiis consectetur officia ducimus neque delectus perspiciatis pariatur cupiditate minus!</p>
				</div>
				<!-- Start Store Button -->
				<div class="store-butt">
					<a href="#" class="bttn-applora-gradient wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
						<i class="fa fa-apple"></i>
						<span>App Store</span>
					</a>
					<a href="#" class="bttn-applora-gradient wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
						<i class="fa fa-android"></i>
						<span>Google Play</span>
					</a>
					<a href="#" class="bttn-applora-gradient wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
						<i class="fa fa-windows"></i>
						<span>Windows Store</span>
					</a>
				</div>
				<!-- End Store Button -->
				<!-- Start Image Download -->
				<div class="image-download">
					<img src="img/veritcal-app.png" alt="Download Image" class="img-responsive">
				</div>
				<!-- End Image Download -->
			</div>
			<!-- End download-content -->
		</div>
		<!-- End container -->
	</div>
	<!-- end overlay -->
</section>
<!-- End download -->

<!--
	End Download Section
	==================================== -->

<!--
	Start Screenshot Section
	==================================== -->

<section id="screenshots" class="screenshots">
	<div class="container text-center">
		<!-- Start Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
					<h2>Screenshots</h2>
					<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
				</div>
			</div>
		</div>
		<!-- End Section Title -->

		<!-- Start All Items -->
		<div class="scrsParent">
			<!-- Start Slider -->
			<div class="screenshot owl-carousel owl-theme wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">

				<!-- Start Single Screen -->
				<div class="item">
					<img src="img/screenshot/screenshot-01.jpg" class="img-responsive" alt="Applora" />
				</div>
				<!-- End Single Screen -->

				<!-- Start Single Screen -->
				<div class="item">
					<img src="img/screenshot/screenshot-02.jpg" class="img-responsive" alt="Applora" />
				</div>
				<!-- End Single Screen -->

				<!-- Start Single Screen -->
				<div class="item">
					<img src="img/screenshot/screenshot-03.jpg" class="img-responsive" alt="Applora" />
				</div>
				<!-- End Single Screen -->

				<!-- Start Single Screen -->
				<div class="item">
					<img src="img/screenshot/screenshot-01.jpg" class="img-responsive" alt="Applora" />
				</div>
				<!-- End Single Screen -->

				<!-- Start Single Screen -->
				<div class="item">
					<img src="img/screenshot/screenshot-02.jpg" class="img-responsive" alt="Applora" />
				</div>
				<!-- End Single Screen -->

				<!-- Start Single Screen -->
				<div class="item">
					<img src="img/screenshot/screenshot-03.jpg" class="img-responsive" alt="Applora" />
				</div>
				<!-- End Single Screen -->

			</div>
			<!-- End Slider -->

			<div class="mSCR">
				<img src="img/screenshot/screenshot-parent.png" class="img-responsive" alt="Mobile Device" />
			</div>
		</div>
		<!-- End All Items -->

	</div>
	<!-- End container -->
</section>
<!-- End screenshots -->

<!--
	End Screenshot Section
	==================================== -->

<!--
	Start Statistics App
	==================================== -->

<section id="statistic-app" class="statistic-app">
	<div class="overlay">
		<div class="container">
			<div class="row">
				<div class="all-statis text-center">
					<!-- Start Left Photo -->
					<div class="col-md-6 col-sm-6">
						<div class="statis-img">
							<img src="img/statis.png" alt="Applora" class="img-responsive wow fadeInLeft" data-wow-delay="0.2s" data-wow-duration="1s">
							<img src="img/statis02.png" alt="Applora" class="img-responsive hidden-xs wow fadeInRight" data-wow-delay="0.7s" data-wow-duration="1s">
						</div>
					</div>
					<!-- End Left Photo -->
					<!-- Start Right Statis -->
					<div class="col-md-6 col-sm-6">
						<div class="statis-content">
							<div class="row">

								<!-- Start Single Statis -->
								<div class="col-md-6 fix-width-left wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
									<div class="single-statis">
										<div class="statis-icon">
											<i class="icon-cloud-download"></i>
											<div class="curvedarrow"></div>
										</div>
										<div class="statis-block">
											<h4 class="statis-number">657346</h4>
											<p>Downloads</p>
										</div>
									</div>
								</div>
								<!-- End Single Statis -->

								<!-- Start Single Statis -->
								<div class="col-md-6 fix-width-right wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
									<div class="single-statis">
										<div class="statis-icon">
											<i class="icon-heart"></i>
											<div class="curvedarrow"></div>
										</div>
										<div class="statis-block">
											<h4 class="statis-number">2345</h4>
											<p>Happy Clients</p>
										</div>
									</div>
								</div>
								<!-- End Single Statis -->

								<!-- Start Single Statis -->
								<div class="col-md-6 fix-width-left wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
									<div class="single-statis statis-reset">
										<div class="statis-icon">
											<i class="icon-people"></i>
											<div class="curvedarrow"></div>
										</div>
										<div class="statis-block">
											<h4 class="statis-number">57657</h4>
											<p>Reviews</p>
										</div>
									</div>
								</div>
								<!-- End Single Statis -->

								<!-- Start Single Statis -->
								<div class="col-md-6 fix-width-right wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1s">
									<div class="single-statis statis-reset">
										<div class="statis-icon">
											<i class="icon-star"></i>
											<div class="curvedarrow"></div>
										</div>
										<div class="statis-block">
											<h4 class="statis-number">12355</h4>
											<p>Rates</p>
										</div>
									</div>
								</div>
								<!-- End Single Statis -->
							</div>
							<!-- End row -->

						</div>
						<!-- end statis-content -->
					</div>
					<!-- End Right Statis -->
				</div>
				<!-- End all-statis -->
			</div>
			<!-- End row -->
		</div>
		<!-- End container -->
	</div>
	<!-- End overlay -->
</section>
<!-- End statistic-app -->

<!--
	End Statistics App
	==================================== -->

<!--
	Start Testimonials App
	==================================== -->
	<section id="testimonials02" class="testimonials02 whbg">
		<div class="container text-center">
			<!-- Start Section Title -->
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
						<h2>What our clients say</h2>
						<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
					</div>
				</div>
			</div>
			<!-- End Section Title -->
			<div class="carousel-outer">

				<div class="row">
					<div class="col-md-12 wow fadeInUp" data-wow-duration="1s">
						<div class="testimonials-style owl-carousel owl-theme">

							<div class="testimonial">
								<span class="icon fa fa-quote-left"></span>
								<p class="description blfo">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
								</p>
								<div class="testimonial-content">
									<div class="pic02"><img src="img/testimonial/client01.jpg" alt="Applora"></div>
									<h3 class="title blfo">williamson</h3>
									<span class="post blfo">Customer</span>
								</div>
							</div>
							<div class="testimonial">
								<span class="icon fa fa-quote-left"></span>
								<p class="description blfo">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
								</p>
								<div class="testimonial-content">
									<div class="pic02"><img src="img/testimonial/client02.jpg" alt="Applora"></div>
									<h3 class="title blfo">Kristina</h3>
									<span class="post blfo">Customer</span>
								</div>
							</div>
							<div class="testimonial">
								<span class="icon fa fa-quote-left"></span>
								<p class="description blfo">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
								</p>
								<div class="testimonial-content">
									<div class="pic02"><img src="img/testimonial/client03.jpg" alt="Applora"></div>
									<h3 class="title blfo">Steve Thomas</h3>
									<span class="post blfo">Customer</span>
								</div>
							</div>
							<div class="testimonial">
								<span class="icon fa fa-quote-left"></span>
								<p class="description blfo">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
								</p>
								<div class="testimonial-content">
									<div class="pic02"><img src="img/testimonial/client02.jpg" alt="Applora"></div>
									<h3 class="title blfo">Kristina</h3>
									<span class="post blfo">Customer</span>
								</div>
							</div>

						</div>
						<!-- End testimonials-style [Slider] -->
					</div>
					<!-- End col-md-12 -->
				</div>
				<!-- End row -->

			</div>
			<!-- End carousel-outer -->
		</div>
		<!-- End Container -->
	</section>
	<!-- End testimonials -->
	<!--
		End Testimonials App
		==================================== -->

<!--
	Start Video App
	==================================== -->

<section id="video-app" class="video-app text-center">
	<div class="container">
		<!-- Start Link Video -->
		<a class="play-btn wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s" href="#" data-lity>
			<img src="img/play-btn.png" alt="Applora">
		</a>
		<!-- End Link Video -->
		<!-- Start Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-title text-center wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
					<h2>Watch Video</h2>
					<span class="title-underline wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
				</div>
			</div>
		</div>
		<!-- End Section Title -->
		<!-- Start Text Video -->
		<p class="wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui optio mollitia blanditiis consectetur officia ducimus neque delectus perspiciatis pariatur cupiditate minus!</p>
		<!-- End Text Video -->
	</div>
	<!-- End container -->
</section>
<!-- End video-app -->

<!--
	End Video App
	==================================== -->

<!--
	Start Pricing Table
	==================================== -->

<section id="pricing-table" class="pricing-table">
	<div class="container">
		<!-- Start Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
					<h2>Pricing Table</h2>
					<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
				</div>
			</div>
		</div>
		<!-- End Section Title -->
		<div class="row">
			<!-- Start Single Price -->
			<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
				<div class="pricingTable">
					<div class="pricingTable-header">
						<i class="icon-drop"></i>
						<div class="price-value"> $10.00 <span class="month">per month</span> </div>
					</div>
					<h3 class="heading">Standard</h3>
					<div class="pricing-content">
						<ul>
							<li><b>50GB</b> Disk Space</li>
							<li><b>50</b> Email Accounts</li>
							<li><b>50GB</b> Monthly Bandwidth</li>
							<li><b>10</b> subdomains</li>
							<li><b>15</b> Domains</li>
						</ul>
					</div>
					<div class="pricingTable-signup">
						<a href="#" class="bttn-applora-gradient">
							<span>Order Now</span>
						</a>
					</div>
				</div>
			</div>
			<!-- End Single Price -->
			<!-- Start Single Price -->
			<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
				<div class="pricingTable">
					<div class="ribbon"><span>POPULAR</span></div>
					<div class="pricingTable-header">
						<i class="icon-wallet"></i>
						<div class="price-value"> $20.00 <span class="month">per month</span> </div>
					</div>
					<h3 class="heading">Business</h3>
					<div class="pricing-content">
						<ul>
							<li><b>60GB</b> Disk Space</li>
							<li><b>60</b> Email Accounts</li>
							<li><b>60GB</b> Monthly Bandwidth</li>
							<li><b>15</b> subdomains</li>
							<li><b>20</b> Domains</li>
						</ul>
					</div>
					<div class="pricingTable-signup">
						<a href="#" class="bttn-applora-gradient">
							<span>Order Now</span>
						</a>
					</div>
				</div>
			</div>
			<!-- End Single Price -->
			<!-- Start Single Price -->
			<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
				<div class="pricingTable">
					<div class="pricingTable-header">
						<i class="icon-handbag"></i>
						<div class="price-value"> $30.00 <span class="month">per month</span> </div>
					</div>
					<h3 class="heading">Premium</h3>
					<div class="pricing-content">
						<ul>
							<li><b>70GB</b> Disk Space</li>
							<li><b>70</b> Email Accounts</li>
							<li><b>70GB</b> Monthly Bandwidth</li>
							<li><b>20</b> subdomains</li>
							<li><b>25</b> Domains</li>
						</ul>
					</div>
					<div class="pricingTable-signup">
						<a href="#" class="bttn-applora-gradient">
							<span>Order Now</span>
						</a>
					</div>
				</div>
			</div>
			<!-- End Single Price -->
		</div>
		<!-- End row -->
	</div>
	<!-- End container -->
</section>
<!-- End pricing-table -->

<!--
	End Pricing Table
	==================================== -->

<!--
	Start Meet Our Team
	==================================== -->

<section id="our-team" class="our-team">
	<div class="container">
		<!-- Start Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
					<h2>Meet Our Team</h2>
					<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
				</div>
			</div>
		</div>
		<!-- End Section Title -->
		<div class="row">
			<!-- Start Single Person -->
			<div class="col-md-3 col-sm-6 fix-width-left wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
				<div class="team">
					<div class="team-overlay"></div>
					<!-- Start Person Photo -->
					<div class="pic">
						<img src="img/team/img-1.jpg" alt="Applora" class="img-responsive">
					</div>
					<!-- End Person Photo -->
					<!-- Start Person Info -->
					<div class="team-prof">
						<h3 class="post-title">John Doe</h3>
						<span class="post">CEO Applora</span>
						<!-- Start Person Social -->
						<div class="social-team text-center">
							<span class="applora-social-links"><a href="#"><i  class='fa fa-facebook'></i></a></span>
							<span class="applora-social-links"><a href="#"><i  class='fa fa-twitter'></i></a></span>
							<span class="applora-social-links"><a href="#" ><i  class='fa fa-behance'></i></a></span>
						</div>
						<!-- End Person Social -->
					</div>
					<!-- End Person Info -->
				</div>
			</div>
			<!-- End Single Person -->

			<!-- Start Single Person -->
			<div class="col-md-3 col-sm-6 fix-width-right wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
				<div class="team active">
					<div class="team-overlay"></div>
					<!-- Start Person Photo -->
					<div class="pic">
						<img src="img/team/img-2.jpg" alt="Applora" class="img-responsive">
					</div>
					<!-- End Person Photo -->
					<!-- Start Person Info -->
					<div class="team-prof">
						<h3 class="post-title">Diana Doe</h3>
						<span class="post">UI / UX Designer</span>
						<!-- Start Person Social -->
						<div class="social-team text-center">
							<span class="applora-social-links"><a href="#"><i  class='fa fa-facebook'></i></a></span>
							<span class="applora-social-links"><a href="#"><i  class='fa fa-twitter'></i></a></span>
							<span class="applora-social-links"><a href="#" ><i  class='fa fa-behance'></i></a></span>
						</div>
						<!-- End Person Social -->
					</div>
					<!-- End Person Info -->
				</div>
			</div>
			<!-- End Single Person -->

			<!-- Start Single Person -->
			<div class="col-md-3 col-sm-6 fix-width-left wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
				<div class="team">
					<div class="team-overlay"></div>
					<!-- Start Person Photo -->
					<div class="pic">
						<img src="img/team/img-3.jpg" alt="Applora" class="img-responsive">
					</div>
					<!-- End Person Photo -->
					<!-- Start Person Info -->
					<div class="team-prof">
						<h3 class="post-title">Michael Doe</h3>
						<span class="post">Mobile Developer</span>
						<!-- Start Person Social -->
						<div class="social-team text-center">
							<span class="applora-social-links"><a href="#"><i  class='fa fa-facebook'></i></a></span>
							<span class="applora-social-links"><a href="#"><i  class='fa fa-twitter'></i></a></span>
							<span class="applora-social-links"><a href="#" ><i  class='fa fa-behance'></i></a></span>
						</div>
						<!-- End Person Social -->
					</div>
					<!-- End Person Info -->
				</div>
			</div>
			<!-- End Single Person -->

			<!-- Start Single Person -->
			<div class="col-md-3 col-sm-6 fix-width-right wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1s">
				<div class="team">
					<div class="team-overlay"></div>
					<!-- Start Person Photo -->
					<div class="pic">
						<img src="img/team/img-4.jpg" alt="Applora" class="img-responsive">
					</div>
					<!-- End Person Photo -->
					<!-- Start Person Info -->
					<div class="team-prof">
						<h3 class="post-title">Sally Doe</h3>
						<span class="post">UI Developer</span>
						<!-- Start Person Social -->
						<div class="social-team text-center">
							<span class="applora-social-links"><a href="#"><i  class='fa fa-facebook'></i></a></span>
							<span class="applora-social-links"><a href="#"><i  class='fa fa-twitter'></i></a></span>
							<span class="applora-social-links"><a href="#" ><i  class='fa fa-behance'></i></a></span>
						</div>
						<!-- End Person Social -->
					</div>
					<!-- End Person Info -->
				</div>
			</div>
			<!-- End Single Person -->
		</div>
		<!-- End row -->
	</div>
	<!-- End container -->
</section>
<!-- End our-team -->

<!--
	End Meet Our Team
	==================================== -->

<!--
	Start Our Story
	==================================== -->

<section id="our-story" class="our-story">
	<div class="overlay">
		<div class="container">
			<div class="row">
				<!-- Start Photo Story -->
				<div class="col-md-6 col-md-push-6 wow fadeInRight" data-wow-delay="0.2s" data-wow-duration="1s">
					<div class="story-img">
						<img src="img/story-img.png" alt="Applora" class="img-responsive">
					</div>
				</div>
				<!-- End Photo Story -->
				<!-- Start Text Story -->
				<div class="col-md-6 col-md-pull-6 wow fadeInRight" data-wow-delay="0.4s" data-wow-duration="1s">
					<div class="story-text">
						<h3>Feel Free To Know Our Story</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure corporis, mollitia numquam perferendis tenetur nesciunt natus rerum, aliquam odio ipsam fuga minus. Consectetur officia, modi porro fugiat eius obcaecati similique.</p>
						<div class="story-butt">
							<a href="#" class="bttn-applora-gradient">
								<span>Read More</span>
							</a>
						</div>
					</div>
				</div>
				<!-- End Text Story -->
			</div>
			<!-- End row -->
		</div>
		<!-- End container -->
	</div>
	<!-- End overlay -->
</section>
<!-- End our-story -->

<!--
	End Our Story
	==================================== -->

<!--
	Start Faqs App
	==================================== -->

<section id="faqs" class="faqs">
	<div class="container">
		<!-- Start Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
					<h2>Frequently Asked Questions</h2>
					<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
				</div>
			</div>
		</div>
		<!-- End Section Title -->
		<div class="row">
			<!-- Start Faqs Photo -->
			<div class="col-md-6 wow fadeInRight" data-wow-duration="1s">
				<div class="faqs-img">
					<img src="img/about/random-left-post.png" alt="Applora" class="img-responsive">
				</div>
			</div>
			<!-- End Faqs Photo -->
			<!-- Start Faqs Content -->
			<div class="col-md-6 col-sm-12 wow fadeInLeft" data-wow-duration="1s">
				<div class="faq-content-wrapper">
					<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="false">
						<!-- Start Single Faq -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingOne">
								<h4 class="panel-title">
									<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="">1. Reliable and Secure Platform?</a>
								</h4>
							</div>
							<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
								<div class="panel-body">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolor in reprehenderit in voluptate velit esse cillum dolore</p>
								</div>
							</div>
						</div>
						<!-- End Single Faq -->
						<!-- Start Single Faq -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingTwo">
								<h4 class="panel-title">
									<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo" class="collapsed">2. Everything is perfectly orgainized for future?</a>
								</h4>
							</div>
							<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
								<div class="panel-body">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolor in reprehenderit in voluptate velit esse cillum dolore</p>
								</div>
							</div>
						</div>
						<!-- End Single Faq -->
						<!-- Start Single Faq -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingThree">
								<h4 class="panel-title">
									<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree" class="collapsed">3. Attach large file easily?</a>
								</h4>
							</div>
							<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
								<div class="panel-body">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolor in reprehenderit in voluptate velit esse cillum dolore</p>
								</div>
							</div>
						</div>
						<!-- End Single Faq -->
						<!-- Start Single Faq -->
						<div class="panel">
							<div class="panel-heading" role="tab" id="headingFour">
								<h4 class="panel-title">
									<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour" class="collapsed">4. Tons of features and easy to use and customize?</a>
								</h4>
							</div>
							<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
								<div class="panel-body">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporo incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrd exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolor in reprehenderit in voluptate velit esse cillum dolore</p>
								</div>
							</div>
						</div>
						<!-- End Single Faq -->
					</div>
					<!-- end panel-group -->
				</div>
				<!-- end faq-content-wrapper -->
			</div>
			<!-- End Faqs Content -->

		</div>
		<!-- End row -->
	</div>
	<!-- End container -->
</section>
<!-- End faqs -->

<!--
	End Faqs App
	==================================== -->

<!--
	Start Our Blog
	==================================== -->

<section id="blog" class="blog">
	<div class="container">
		<!-- Start Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
					<h2>Recent News</h2>
					<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
				</div>
			</div>
		</div>
		<!-- End Section Title -->
		<div class="row">
			<div class="col-md-12">
				<div class="blog-slider owl-carousel owl-theme">

					<!-- Start Single Post -->
					<div class="item">
						<div class="one-post">
							<div class="post-img">
								<a href="#">
									<img src="img/blog/blog01-style1.jpg" alt="Applora" class="img-responsive">
								</a>
							</div>
							<div class="post-text">
								<div class="title-date">
									<h3>15</h3>
									<span>Mar</span>
								</div>
								<div class="title-text">
									<a href="#" class="title-post">Post with featured image</a>
									<div class="post-details">
										<a href="#"><i class="fa fa-user"></i> admin</a>
										<a href="#"><i class="fa fa-folder-open"></i> Mobile App</a>
										<a href="#"><i class="fa fa-comments-o"></i> 12 Comments</a>
									</div>
								</div>
								<div class="post-concept">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe veniam accusamus, omnis id autem optio consequatur iste vel adipisci eius ad nam maiores animi ullam aut sint, porro laborum consectetur.</p>
								</div>
								<div class="post-butt">
									<a href="#" class="bttn-applora-gradient">
										<span>Read More</span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- End Single Post -->
					<!-- Start Single Post -->
					<div class="item">
						<div class="one-post">
							<div class="post-img">
								<a href="#">
									<img src="img/blog/blog02-style1.jpg" alt="Applora" class="img-responsive">
								</a>
							</div>
							<div class="post-text">
								<div class="title-date">
									<h3>15</h3>
									<span>Mar</span>
								</div>
								<div class="title-text">
									<a href="#" class="title-post">Post with featured image</a>
									<div class="post-details">
										<a href="#"><i class="fa fa-user"></i> admin</a>
										<a href="#"><i class="fa fa-folder-open"></i> Mobile App</a>
										<a href="#"><i class="fa fa-comments-o"></i> 12 Comments</a>
									</div>
								</div>
								<div class="post-concept">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe veniam accusamus, omnis id autem optio consequatur iste vel adipisci eius ad nam maiores animi ullam aut sint, porro laborum consectetur.</p>
								</div>
								<div class="post-butt">
									<a href="#" class="bttn-applora-gradient">
										<span>Read More</span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- End Single Post -->
					<!-- Start Single Post -->
					<div class="item">
						<div class="one-post">
							<div class="post-img">
								<a href="#">
									<img src="img/blog/blog03-style1.jpg" alt="Applora" class="img-responsive">
								</a>
							</div>
							<div class="post-text">
								<div class="title-date">
									<h3>15</h3>
									<span>Mar</span>
								</div>
								<div class="title-text">
									<a href="#" class="title-post">Post with featured image</a>
									<div class="post-details">
										<a href="#"><i class="fa fa-user"></i> admin</a>
										<a href="#"><i class="fa fa-folder-open"></i> Mobile App</a>
										<a href="#"><i class="fa fa-comments-o"></i> 12 Comments</a>
									</div>
								</div>
								<div class="post-concept">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe veniam accusamus, omnis id autem optio consequatur iste vel adipisci eius ad nam maiores animi ullam aut sint, porro laborum consectetur.</p>
								</div>
								<div class="post-butt">
									<a href="#" class="bttn-applora-gradient">
										<span>Read More</span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- End Single Post -->
					<!-- Start Single Post -->
					<div class="item">
						<div class="one-post">
							<div class="post-img">
								<a href="#">
									<img src="img/blog/blog01-style1.jpg" alt="Applora" class="img-responsive">
								</a>
							</div>
							<div class="post-text">
								<div class="title-date">
									<h3>15</h3>
									<span>Mar</span>
								</div>
								<div class="title-text">
									<a href="#" class="title-post">Post with featured image</a>
									<div class="post-details">
										<a href="#"><i class="fa fa-user"></i> admin</a>
										<a href="#"><i class="fa fa-folder-open"></i> Mobile App</a>
										<a href="#"><i class="fa fa-comments-o"></i> 12 Comments</a>
									</div>
								</div>
								<div class="post-concept">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe veniam accusamus, omnis id autem optio consequatur iste vel adipisci eius ad nam maiores animi ullam aut sint, porro laborum consectetur.</p>
								</div>
								<div class="post-butt">
									<a href="#" class="bttn-applora-gradient">
										<span>Read More</span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- End Single Post -->
				</div>
				<!-- End blog-slider -->

			</div>
			<!-- End col-md-12 -->

		</div>
		<!-- End row -->
	</div>
	<!-- End container -->
</section>
<!-- End blog -->

<!--
	End Our Blog
	==================================== -->

<!--
	Start Contact Us
	==================================== -->

<section id="contact-us" class="contact-us">
	<div class="overlay">
		<div class="container">
			<!-- Start Section Title -->
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
						<h2>Get In Touch</h2>
						<span class="title-underline wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s"><i class="fa fa-circle"></i></span>
					</div>
				</div>
			</div>
			<!-- End Section Title -->
			<div class="row">
				<!-- Start Google Map -->
				<div class="col-md-4 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
					<div class="mobile-place">
						<div class="mobile-preview">
							<div class="google-map-area">
								<div id="contacts" class="map-area">
									<div id="googleMap" style="width:100%;height:395px;"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Google Map -->
				<!-- Start Form & Info -->
				<div class="col-md-8">
					<div class="row">
						<!-- Start Address Info -->
						<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s">
							<div class="single-info">
								<div class="icon-contact">
									<i class="icon-location-pin"></i>
								</div>
								<div class="info-text">
									<h4>Address</h4>
									<p>Table Rock, NE 68447, USA</p>
								</div>
							</div>
						</div>
						<!-- End Address Info -->
						<!-- Start Phone Info -->
						<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
							<div class="single-info">
								<div class="icon-contact">
									<i class="icon-phone"></i>
								</div>
								<div class="info-text">
									<h4>Phone</h4>
									<p>+20 111 222 6789</p>
								</div>
							</div>
						</div>
						<!-- End Phone Info -->
						<!-- Start E-Mail Info -->
						<div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
							<div class="single-info">
								<div class="icon-contact">
									<i class="icon-envelope"></i>
								</div>
								<div class="info-text">
									<h4>E-Mail</h4>
									<p>support@applora.com</p>
								</div>
							</div>
						</div>
						<!-- End E-Mail Info -->
						<!-- Start Contact Form -->
						<div class="col-sm-12 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1s">
							<div class="contact-form">
								<form action="">
									<div class="row">
										<div class="col-md-6">
											<input type="text" placeholder="Full Name" required>
										</div>
										<div class="col-md-6">
											<input type="email" placeholder="E-Mail" required>
										</div>
										<div class="col-md-12">
											<input type="text" placeholder="Subject" required>
										</div>
										<div class="col-md-12">
											<textarea name="Contact Message" id="msg-contact" placeholder="Your Message" required></textarea>
										</div>
										<div class="col-md-12">
											<div class="butt-send">
												<a href="#" class="bttn-applora-gradient">
													<i class="fa fa-paper-plane-o"></i>
													<span>Send Message</span>
												</a>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
						<!-- End Contact Form -->
					</div>
					<!-- End row -->
				</div>
				<!-- End Form & Info -->
			</div>
			<!-- End row -->
		</div>
		<!-- End container -->
	</div>
	<!-- End overlay -->
</section>
<!-- End contact-us -->

<!--
	End Contact Us
	==================================== -->

<!--
	Start Footer
	==================================== -->

<footer id="footer" class="footer">
	<div class="container">
		<!-- Start Subscribe Button -->
		<div class="subscribe-box">
			<div class="subscribe-text wow fadeInUp" data-wow-duration="1s">
				<h4>Subscribe for our Newsletter</h4>
			</div>
			<div class="wow fadeInUp" data-wow-duration="1s">
				<form class="subscribe-form custom-input name-email clearfix" action="#" method="post">
					<input type="email" name="email" placeholder="Enter your Email Address..." required />
					<button class="btn" type="submit" name="submit">
						<i class="icon-paper-plane"></i>
					</button>
				</form>
			</div>
		</div>
		<!-- End Subscribe Button -->
		<!-- Start Logo Footer -->
		<div class="logo-footer wow fadeInUp" data-wow-duration="1s">
			<a href="#">
				<img src="img/logo.png" alt="Applora" title="Applora">
			</a>
		</div>
		<!-- End Logo Footer -->
		<!-- Start Social Links -->
		<div class="social-footer text-center wow fadeInUp" data-wow-duration="1s">
			<a class="social-applora-gradient" href="#"><i  class='fa fa-facebook'></i></a>
			<a class="social-applora-gradient" href="#"><i  class='fa fa-twitter'></i></a>
			<a class="social-applora-gradient" href="#"><i  class='fa fa-behance'></i></a>
			<a class="social-applora-gradient" href="#"><i  class='fa fa-linkedin'></i></a>
			<a class="social-applora-gradient" href="#"><i  class='fa fa-pinterest'></i></a>
		</div>
		<!-- End Social Links -->
		<!-- Start Copyright -->
		<div class="copyright text-center wow fadeInUp" data-wow-duration="1s">
			<p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x6d4b;&#x8bd5;&#x9759;&#x6001;&#x9875;&#x9762;</a></p>
		</div>
		<!-- End Copyright -->
	</div>
	<!-- End container -->
</footer>
<!-- End footer -->

<!--
	End Footer
	==================================== -->

<!--
	Start Back To Top
	==================================== -->

<div id="scroll-top">
	<i class="fa fa-angle-up fa-2x"></i>
</div>

<!--
	End Back To Top
	==================================== -->

<!--
	Start Preloader
	==================================== -->

<div id="loading-mask">
	<div class="loader">
		<div class="loader-inner"></div>
		<div class="loader-inner"></div>
		<div class="loader-inner"></div>
		<div class="loader-inner"></div>
		<div class="loader-inner"></div>
	</div>
</div>

<!--
	End Preloader
	==================================== -->

<!--
		JS Files
		==================================== -->

<!-- Plugins -->
<script src="js/plugins.js"></script>
<!-- Custom JS -->
<script src="js/custom.js"></script>
<!-- Google Map js -->
<!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAj9b_nyz33KEaocu6ZOXRgqwwUZkDVEAw"></script>
<script>
	// Google Map
	function initialize() {
		var mapOptions = {
			zoom: 15,
			scrollwheel: false,
			center: new google.maps.LatLng(30.596492, 32.271459)
		};
		var map = new google.maps.Map(document.getElementById('googleMap'),
			mapOptions);
		var marker = new google.maps.Marker({
			position: map.getCenter(),
			animation: google.maps.Animation.BOUNCE,
			icon: 'img/map-marker.png',
			map: map
		});
	}
	google.maps.event.addDomListener(window, 'load', initialize);
</script>--->
</body>
</html>